<html>
  <head>
    <meta http-equiv="CacheControl" content="no-cache, no-store, must-revalidate"/>
    <meta http-equiv="Pragma" content="no-cache"/>
    <meta http-equiv="Expires" content="0"/>
    
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script src='https://cdnjs.cloudflare.com/ajax/libs/tablesort/5.2.1/tablesort.min.js'></script>
    <!-- Include sort types you need -->
    <script src='https://cdnjs.cloudflare.com/ajax/libs/tablesort/5.2.1/sorts/tablesort.number.min.js'></script>
    
    <style>
      table {
        border: 1px solid gray;
        margin-left: auto;
        margin-right: auto;
        border-collapse: collapse;
      }
      td, th {
        border-bottom: 1px solid gray;
        padding: 8px;
      }
    </style>
  </head>
  <body>
    <div id="period_display"></div>
    <div id="chart_div"></div>
    <div id="data_date_container" style="text-align: right; display: none">
      Data collected on <span id="data_date"></span>
    </div>
  </body>
  <script>
    const el = document.createElement('script');
    el.setAttribute('src', `flake_chart.js?t=${Math.random()}`);
    document.head.appendChild(el);
  </script>
</html>
